import { type ComponentConfigModel } from '/@/views/formDesigner/utils';
import { dateList } from './data';
export default {
  component: () => import('./datePicker'),
  defaultSchema: {
    label: '日历控件',
    type: 'date',
    icon: 'epic-icon-calendar',
    field: 'date',
    input: true,
    componentProps: {
      valueFormat: 'YYYY-MM-DD',
      format: 'YYYY-MM-DD',
      type: 'date',
      placeholder: '请选择',
    },
  },
  config: {
    attribute: [
      {
        label: '控件字段',
        type: 'input',
        field: 'name',
        componentProps: {
          placeholder: '必填项',
          require: true,
        },
      },
      {
        label: '控件名称',
        type: 'input',
        field: 'title',
        componentProps: {
          placeholder: '必填项',
          require: true,
        },
      },
      {
        label: '标签名称',
        type: 'input',
        field: 'label',
        componentProps: {
          placeholder: '必填项',
          require: true,
        },
      },
      {
        label: '默认值',
        type: 'select',
        field: 'defaultValue',
        componentProps: {
          placeholder: '',
          allowClear: true,
          defaultValue: '',
          options: [
            {
              label: '当前时间',
              value: 'CURRENT',
            },
            {
              label: '无',
              value: '',
            },
          ],
        },
      },
      {
        label: '必填项',
        type: 'switch',
        field: 'canNull',
        componentProps: {
          defaultValue: false,
          checkedValue: false,
          unCheckedValue: true,
        },
      },
      {
        label: '类型',
        type: 'select',
        field: 'format',
        componentProps: {
          placeholder: '',
          allowClear: true,
          defaultValue: 'yyyy-MM-dd',
          options: [
            {
              label: '年-月-日',
              value: 'yyyy-MM-dd',
            },
            {
              label: '年-月-日 时：分：秒',
              value: 'yyyy-MM-dd HH:mm:ss',
            },
          ],
        },
      },
      {
        label: '格式',
        type: 'select',
        field: 'description',
        componentProps: {
          placeholder: '',
          allowClear: true,
          defaultValue: '',
          options: dateList,
        },
        onChange: ({ value, values }) => {
          console.log({ value, values });
          // const index = dateList.findIndex((item) => item.value == value);
          // values.componentProps.valueFormat = dateList[index].format;
          // values.componentProps.format = dateList[index].format;
        },
      },
      {
        label: '控件样式宽',
        type: 'EInputSize2',
        field: 'widthUnit',
        componentProps: {
          defaultValue: {
            width: 150,
            unit: 'px',
          },
        },
      },
      // {
      //   label: '长度/大小', //minT minV maxT maxV
      //   type: 'lenSize',
      //   field: 'range',
      //   componentProps: {
      //     defaultValue: {
      //       minT: 'd=',
      //       minV: '',
      //       maxT: 'x=',
      //       maxV: 100,
      //     },
      //     minTList: [
      //       {
      //         label: '>=',
      //         value: 'd=',
      //       },
      //       {
      //         label: '>',
      //         value: 'd',
      //       },
      //     ],
      //     // minVList: [
      //     //   {
      //     //     label: '当前日期',
      //     //     value: 'curDate',
      //     //   },
      //     // ],
      //     maxTList: [
      //       {
      //         label: '<=',
      //         value: 'x=',
      //       },
      //       {
      //         label: '<',
      //         value: 'x',
      //       },
      //     ],
      //     // maxVList: [
      //     //   {
      //     //     label: '当前日期',
      //     //     value: 'curDate',
      //     //   },
      //     // ],
      //   },
      // },
      {
        label: '显示',
        type: 'switch',
        field: 'isShow',
        componentProps: {
          defaultValue: true,
          checkedValue: true,
          unCheckedValue: false,
        },
      },
      {
        label: '只读',
        type: 'switch',
        field: 'isReadOnly',
      },
      {
        label: '只读类型',
        describe: '仅编辑引用记录时适用于”嵌套表格2“宏控件选取的记录',
        type: 'select',
        componentProps: {
          placeholder: '请选择',
          allowClear: true,
          defaultValue: '',
          options: [
            {
              label: '不限',
              value: '',
            },
            {
              label: '仅添加时',
              value: '0',
            },
            {
              label: '仅编辑时',
              value: '1',
            },
            {
              label: '仅编辑引用记录时',
              value: '2',
            },
          ],
        },
        field: 'readOnlyType',
      },
      {
        label: '提示',
        type: 'textarea',
        field: 'tip',
      },
    ],
    event: [
      {
        type: 'change',
        describe: '值变化时',
      },
    ],
  },
  bindModel: 'value',
} as ComponentConfigModel;

function setFormat(value) {
  switch (value) {
    case '':
      break;
  }
}
